<template>
	<view v-if="activityEndsShow" class="activityEnds-box">
		<view class="activityEnds">
			<image class="activityEnds_img"
				src="https://zykj-sales.oss-cn-hangzhou.aliyuncs.com/miniprogram/client/static/zymall/activityends.png"
				alt="">
			<view v-if="activityEnds==1">活动已结束，请前往小程序查看更多</view>
			<view v-if="activityEnds==2">商品已下架，请前往小程序查看更多</view>
			<view v-if="activityEnds==3">暂无内容，请前往小程序查看更多</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ["activityEndsShow", "activityEnds"]
	};
</script>
<style scoped>
	.activityEnds-box {
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		width: 100vw;
		z-index: 499;
		top: 0;
		background-color: #ffffff;
	}

	.activityEnds {
		height: 70vh;
		width: 100vw;
		padding-bottom: 15vh;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.activityEnds_img {
		width: 260rpx;
		height: 260rpx;
		margin-bottom: 20rpx;
	}

	.activityEnds view {
		padding: 30rpx 50rpx;
		font-size: 28rpx;
		border-radius: 20rpx;
		color: #666666;
	}
</style>